#vis-box {
    width: 100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden; /* 隐藏水平滚动条 */
    /*display: flex; !*使子类div一行显示*!*/
}
#vis-box .vis-box-div1 {
    width: 100%;
    height: 50%;
    display: flex; /*使子类div一行显示*/
}
#vis-box .vis-box-div1  #vis-box-main1 {
    width: 30%;
    height: 100%;
}
#vis-box .vis-box-div1  #vis-box-main2 {
    width: 40%;
    height: 100%;
}
#vis-box .vis-box-div1  #vis-box-main3 {
    width: 30%;
    height: 100%;
}
#vis-box .vis-box-div2 {
    width: 100%;
    height: 50%;
    display: flex; /*使子类div一行显示*/
}
#vis-box .vis-box-div2  #vis-box-main4 {
    width: 30%;
    height: 100%;
}
#vis-box .vis-box-div2  #vis-box-main5 {
    width: 40%;
    height: 100%;
}
#vis-box .vis-box-div2  #vis-box-main6 {
    width: 30%;
    height: 100%;
}
#vis-box .vis-box-div3 {
    width: 100%;
    height: 50%;
    display: flex; /*使子类div一行显示*/
}
#vis-box .vis-box-div3 #vis-box-main7 {
    width: 50%;
    height: 100%;
}
#vis-box .vis-box-div3 #vis-box-main8 {
    width: 50%;
    height: 100%;
}